<template>
  <!--  fill无法修改图标颜色时，删掉svg文件下的fill属性-->
  <svg aria-hidden="true" class="icon">
    <use xlink:href="#icon-user"></use>
  </svg>

  <svg aria-hidden="true" class="icon">
    <use xlink:href="#icon-language"></use>
  </svg>

  <svg aria-hidden="true" class="icon">
    <use xlink:href="#icon-password"></use>
  </svg>
  <hr>
  <svg-icon color="red" name="eye"/>
  <svg-icon color="blue" height="38px" name="fullscreen" width="38px"/>
</template>
<style>
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
</style>
